<template>
  <view style="flex-direction: column; flex: 1;">
    <view class="">
      <view style="flex-direction: column; flex: 1;">
        <view style="height: 750upx;">
          <image src="http://via.placeholder.com/750x750" style="width: 100%; height: 100%;"></image>
        </view>
        <view style="padding-top: 30upx; padding-left: 20upx; padding-right: 20upx; font-size: 30upx; font-weight: bold;">
          启蒙积木小汽车小飞机组合套装儿童益智拼装积木玩具10小盒展示礼盒装</view>
        <view style="padding: 20upx;">
         
            <view style="align-items: center;">
              ¥100
            </view>
            <view style="padding-left: 20upx; align-items: center;">
              2.13万人在买
            </view>
          
          <view style="flex: 1; justify-content: flex-end;">
            <view>
              <button type="warn" size="mini">购买</button>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view style="background-color: #8F8F94; height: 20upx;"></view>

  </view>
</template>

<script>
  var self;
  export default {
    data() {
      return {}
    },
    onLoad() {
      self = this;
    }
  }
</script>

<style>
  view {

    margin: 10upx;
    border: #8F8F94 solid 1upx;

    display: flex;
    flex-direction: row;

    font-size: 28upx;
  }
</style>
